<div id="<%= id %>" class="profile-preview-card__content p-4 pt-0 branded-7 crayons-dropdown" style="--card-color: <%= Color::CompareHex.new([user_colors(actor)[:bg], user_colors(actor)[:text]]).brightness(0.88) %>; border-top-color: var(--card-color);" data-testid="profile-preview-card" data-repositioning-dropdown="true">
    <div class="gap-4 grid">
        <%= render "shared/profile_card_content", context: "preview-card", actor: actor %>
    </div>
</div>
